
<include('./_share/_layout.marko')>
  <@head>
    <title>手册文档</title>
    <script src="/document/static/scripts/doc-menus.js"/>
    <script src="/document/static/scripts/page/doc.js"/>
    <script src="/static/plugins/flowchart/raphael.min.js"/>
    <script src="/static/plugins/flowchart/flowchart.min.js"/>
    <script src="/static/plugins/jQuery-slimScroll/jquery.slimscroll.min.js"/>
    <link rel="stylesheet" href="/document/static/css/markdown.css"/>
    <link rel="stylesheet" href="/document/static/css/doc.css"/>
  </@head>
  <@body>
    <div id="Main">
      <div class="menu" name="p1">
        <div class="ui  inverted vertical  pointing menu" style="width:100%">
         <for(item in input.viewData.docMenu)>
          <if(item.Lev==1)>
          $ var activeClass='',unShowClass='unShow';
          $ if(item.FileName.replace('.md','')==input.viewData.fileName) {
             activeClass='active';
             unShowClass='';
          };
          
           <div  class="item ${activeClass}"   >
           <div class="header">${item.Title}</div>
           <div class="menu ${unShowClass}" >
                <for(it in input.viewData.docMenu)>
                  <if( it.ParentID==item.ID)>
                    <a class="item" title="${it.Title}" href="/document/doc/${item.FileName.replace('.md','')}#${it.Title}">${it.Title}</a>
                  </if>
                </for>
              </div>
           </div>
          </if>
         </for>

        </div>
      </div>
      <div class="ContentMain markdown">
        <div marko-body="html">$!{input.viewData.content}</div>
      </div>
    </div>
  </@body>
</include>
